<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>信基沙溪</title>
		<!-- Bootstrap -->
		<link href="/xj/css/bootstrap.min.css" rel="stylesheet">
		<link href="/xj/css/jquery.gScrollingCarousel.css" rel="stylesheet" />
		<link href="/xj/css/global.css" rel="stylesheet">
		<link href="/xj/css/style.css" rel="stylesheet">

      <script src="/xj/js/html5shiv.min.js"></script>
      <script src="/xj/js/respond.min.js"></script>
	  <script src="/xj/js/jquery.min.js"></script>
	  <script src="/xj/js/bootstrap.min.js"></script>

	</head>
	<body>
	<div class="globalstyle">
	<div id="whole_box">
		<!--<div class="box" style="padding-left: 0px!important;">-->

		<!--</div>-->
		<!--//头部-->
		<div class="box">
			<img src="/xj/image/icon/arrow_left.png" class="back_icon"  v-on:click="getback">
			<i class="index-icon-search" style="top: 75px;!important;"></i>
			<input type="text" class="username" :placeholder="search_txt " v-on:focus="goSearch()"/>
		</div>
		<!--<iframe src="/page/redirectSearch" frameborder="0" scrolling="auto" style="width: 100%;height: 91px; "></iframe>-->
		<div class="dropdown" style="background: white; width: 100%;" >
			<table>
				<tr>
					<td>
						<button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" style="background: white;margin-right: 15px;">
								{{market_option}}
					<span class="caret"></span>
					<a href="#">{{current_market}}</a>
						</button>
						<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
							<li role="presentation" v-on:click="chooseMarket(1,market_item1)">
								<a role="menuitem" tabindex="-1" href="#">{{market_item1}}</a>
							</li>
							<li role="presentation" v-on:click="chooseMarket(2,market_item2)">
								<a role="menuitem" tabindex="-1" href="#">{{market_item2}}</a>
							</li>
							<li role="presentation" v-on:click="chooseMarket(3,market_item3)">
								<a role="menuitem" tabindex="-1" href="#">{{market_item3}}</a>
							</li>
						</ul>
					</td>
					<!--缝隙-->

					<td style="width: 1px;background: #B3B3B3; "></td>
					<td>
						<button type="button" class="btn dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" style="background: white;">
							{{category_txt}}
							<span class="caret"></span>
							<a href="#">{{current_category}}</a>
						</button>
						<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2" style="margin-left: 180px;">
							<li role="presentation" v-for ="item in category_list" v-on:click="chooseCatory(item.id,item.category)">
								<a role="menuitem" tabindex="-1">{{item.category}}</a>
							</li>
						</ul>
					</td>
				</tr>
			</table>
		</div>

		<div style="background-color: #f8f8fa;margin-bottom: 80px;">

			<div class="store_item" v-for="item in store_list">
				<div class="media" style="width: 100%;padding-top: 15px;" v-on:click="storDetail(item.id)">
					<div class="media-left">
						<a href="#">
							<img class="media-object" :src="item.logo" style="width: 64px; height: 64px;" alt="">
						</a>
					</div>
					<div class="media-body" style="padding-top: 10px; width: 100%;">
						<h4 class="media-heading" style="font-family: '微软雅黑';font-weight: bold;">
							{{item.store_name}}</h4>
						<img src="/xj/image/store/sell_logo.png" style="width: 5%;"/>
						<font style="font-size: 10px;">{{main_pro_txt}}:{{item.mainlabel}}</font>
					</div>
				</div>

				<!--店铺咨询-->
				<div  class="store_item_num" >
					<img src="/xj/image/shop_num_flag.png" style="width: 3%;float: left;margin-top: 2px;margin-top: 15px;"/>
					<div style="width: 65%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;padding-left: 5px">
					<span class="store_num_txt">{{shop_no}}：<strong>{{item.market_type}}{{item.store_no}}</strong></span>
					</div>
					<a href="tel:400-0000-688">
						<img src="/xj/image/store/call_go.png" style="width: 80px;float: right;" class="callphone(item.phone)">
					</a>
				</div>
			<!--图片区域-->

				<div class="g-scrolling-carousel scrollstyle">
					<div class="items">
						<a v-for="(dataItem,index2) in item.product_show_pic" href="#" style=""><img
								:src="dataItem.url" style="width: 50%;height: 100px;padding-right: 8px"></a>

					</div>
				</div>

			</div>
			<div class="bottom_line">---------我是有底线的---------</div>
		</div>
<!--底部导航-->
		<div class="nav_self">
			<div class="nav-one">
				<a href="/page/redirectHome"><img src="/xj/image/home.png" class="img"></a>
			</div>
			<div class="nav-view" style="white-space: pre">
				<a href="/page/redirectMarketopens"  :class="!is_en ? '':'nav_encss'">{{menu1}}</a>
			</div>
			<div class="nav-view" style="white-space: pre">
				<a href="/page/redirectInfor"   :class="!is_en ? '':'nav_encss'">{{menu2}}</a>
			</div>
			<div class="nav-view">
				<a href="/page/redirectContractus" :class="!is_en ? '':'nav_encss'">{{menu3}}</a>
			</div>

		</div>
	</div>
	</div>
	</body>

</html>
<script src="/xj/js/jquery.gScrollingCarousel.js"></script>
<script src="/xj/js/vue.min.js"></script>
<script src="/xj/javascript/brandList.js"></script>
<script>
    $(document).ready(function() {
        $(".g-scrolling-carousel .items").gScrollingCarousel();

        $(".store_item").click(function () {
            window.location.href = "/page/redirectStoreDeatil";
        })
    });
</script>
<style>
	.box{
		padding-left: 0px!important;
	}

	.back_icon {
		float: left;
	}

	.box .username{
		width: 80%!important;
	}

	.bottom_line{
		text-align: center;
		background-color: #ffffff;
		color:#A4A4A4 ;
	}
</style>
